<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>成员列表</title>
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="../css/font-awesome-4.3.0/css/font-awesome.min.css" />
		<!--<link href="../css/config.css" rel="stylesheet" />-->
		<link href="../css/base.css" rel="stylesheet" />
		<!--<link href="../css/index.css" rel="stylesheet" />-->
		<link href="../css/circle.css" rel="stylesheet" />
		<style>
			.mui-checkbox input[type=checkbox]:checked:before,
			.mui-radio input[type=radio]:checked:before {
				color: #31A7E5!important;
			}

			.header-text {
				color: #31A7E5!important;
				line-height: 44px;
				width: 60px;
				text-align: center;
				position: absolute;
				top: 0px;
				right: 0px;
			}
			
			.header-text:active {
				color: #39D6B4!important
			}
			
			.mui-content {
				background: #f7f7f7;
			}
			
			body {
				background: #f7f7f7;
			}
			
			p {
				color: #333;
			}
			
			.mui-table-view .mui-media-object {
				-webkit-border-radius: 6px;    
				
			}
			.mui-table-view .mui-media-body{
				line-height: 42px;
			}
			.mui-popover .mui-scroll-wrapper {
				margin: 0px!important;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;background:white!important;">
			<a class="mui-icon mui-icon-back mui-pull-left mui-action-back"></a>
			<h1 id="title" class="mui-title km-view-title">添加管理员</h1>
			<a class="mui-icon mui-icon-search mui-pull-right" href="#menberSearchPopover"></a>
		</header>
		<div class="mui-content">
			<p class="mui-content-padded">已选择：</p>
			<ul class="mui-table-view menu-admin" id="menu-admin">
				<li class="mui-table-view-cell mui-media">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">删除</a>
					</div>
					<a href="../view/doctor-detail.html">
						<div class="mui-slider-handle">
							<img class="mui-media-object mui-pull-left" src="../img/example4.png">
							<div class="mui-media-body">
								王小二
							</div>
						</div>
					</a>
				</li>
				<li class="mui-table-view-cell mui-media">
					<div class="mui-slider-right mui-disabled">
						<a class="mui-btn mui-btn-red">删除</a>
					</div>
					<a href="../view/doctor-detail.html">
						<div class="mui-slider-handle">
							<img class="mui-media-object mui-pull-left" src="../img/example4.png">
							<div class="mui-media-body">
								王小二
							</div>
						</div>
					</a>
				</li>
			</ul>
			<a class="save-button">确认添加</a>
			<p class="mui-content-padded" style="margin-top:20px;">成员列表（活跃度排序）：</p>
			<ul class="mui-table-view input-img-ul">
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
				<li class="mui-table-view-cell mui-checkbox mui-left">
					<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
				</li>
			</ul>

		</div>

		<!--搜索popover,记得清空-->
		<div id="menberSearchPopover" class="mui-popover replyPopover">
			<div class="mui-popover-arrow"></div>
			<div class="mui-scroll-wrapper">
				<div class="mui-scroll mui-fullscreen" style="background:#f7f7f7;">
					<header class="mui-bar mui-bar-nav km-navbar white-header" style="box-shadow:none;">
						<a class="mui-icon mui-icon-back mui-pull-left" href="#menberSearchPopover"></a>
						<h1 id="title" class="mui-title km-view-title">搜索成员</h1>
					</header>
					<div class="mui-content" style="">
						<div class="mui-input-row mui-search mui-content-padded">
							<input type="search" class="mui-input-clear" placeholder="">
						</div>
						<ul class="mui-table-view input-img-ul">
							<li class="mui-table-view-cell mui-checkbox mui-left">
								<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
							</li>
							<li class="mui-table-view-cell mui-checkbox mui-left">
								<input name="checkbox" type="checkbox"><img class="mui-media-object mui-pull-left" src="../img/example4.png">王小二
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script src="../js/mui.min.js"></script>
	<script src="../js/Global.js"></script>
	<script>
		mui.init({
			swipeBack: true,
			statusBarBackground: '#ffffff',
			statusBarStyle: 'UIStatusBarStyleDefault'
		});
		mui('.mui-scroll-wrapper').scroll();
		//=======管理员列表-点击事件
		mui('#menu-admin').on('tap', 'a', function() {
			var id = this.id;
			var title = this.title;
			var href = this.href;
			console.log(href);
			openWindow(href, href, {
				id: id,
				title: title
			});
		})
	</script>

</html>